<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Demo</title>
    <link rel="stylesheet" href="css/style.css">
</head>
<body>
    <div class="container">
        <ul class="item-list"></ul>
    </div>
    
    <ul class="tips-list">
        <li class="tips" style="background-image: url('img/page1_tips1.jpg')" data-page='page11'>
            <a class="btn btn-close"></a>
            <img src="img/guide_hand.png" alt="">
        </li>
        <li class="tips" style="background-image: url('img/page4_tips1.jpg')" data-page='page41'>
            <a class="btn btn-close"></a>
            <img src="img/guide_hand.png" alt="">
        </li>
        <li class="tips" style="background-image: url('img/page4_tips2.jpg')" data-page='page42'>
            <a class="btn btn-close"></a>    
            <img src="img/guide_hand.png" alt="">
        </li>
        <li class="tips" style="background-image: url('img/page4_tips3.jpg')" data-page='page43'>
            <a class="btn btn-close"></a>
            <img src="img/guide_hand.png" alt="">
        </li>
        <li class="tips" style="background-image: url('img/page4_tips4.jpg')" data-page='page44'>
            <a class="btn btn-close"></a>
            <img src="img/guide_hand.png" alt="">
        </li>
    </ul>

    <audio src="music/music.mp3" loop autoplay preload></audio>
    <script src="js/main.js"></script>
</body>
</html>